<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Available tickets</title>
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/icon.css">

<script type="text/javascript" src="js/util/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/util/easyui/jquery.easyui.min.js"></script>

<!-- page controller -->
<script type="text/javascript" src="js/index/textbox.api.js"></script>
</head>
<body>

 <table class="easyui-datagrid" style="width:400px;height:250px"
            data-options="url:'UserController/datagrid',fitColumns:true,singleSelect:true">
        <thead>
            <tr>
                <th data-options="field:'ticketid',width:100">车票编号</th>
                <th data-options="field:'ticketnum',width:100">余票</th>
                <th data-options="field:'trainno',width:100">列车编号</th>
                <th data-options="field:'origin',width:100">初始站</th>
                <th data-options="field:'destination',width:100">终点站</th>
                <th data-options="field:'price',width:100,align:'right'">价格</th>
                
            </tr>
        </thead>
    </table>
    
    <div></div>
    
    <table id="grid" class="easyui-datagrid"></table>
    <hr>
    <table id="pageGrid" class="easyui-datagrid"></table>
        
        <button>Click</button>
        <a id="trigger" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search'">Click</a>
    </div>
</body>
</html>